<template>
  <!-- vue 文件由三部分组成: template script style -->
  <!-- template : 写 html, 要求: 有且只有一个根元素(注释除外), vue2 是这样的, vue3 就没有这个限制了 -->
  <!-- script : 写 js -->
  <!-- style : 写 css -->
  <div>
    <p>我是一个小小的 p</p>
    <div></div>
    <div></div>
  </div>
</template>

<script>

</script>

<style lang="less">
// 使用 less 的步骤:
// 1. 在 style 标签上加一个 lang 属性, 设置你要用的预处理器语言, less
// 2. 装包: yarn add less less-loader -D
/* div p {

} */
div {
  p {
    background-color: gray;
  }
}
</style>
